<!DOCTYPE html> 
<html> 
  <head>
  	<meta charset="utf-8">
    <title>신비생물 목격담 제출</title>
    <link rel="stylesheet" type="text/css" href="style/form.css" />
  	<link rel="stylesheet" type="text/css" href="jquery-ui-1.10.2.custom/css/sunny/jquery-ui-1.10.2.custom.css" />
  </head>
  <body>

	<div class="ui-widget-header ui-corner-top  ui-corner-bottom"> 
      	<h2>신비생물 목격담 제출</h2>
  		<h3>아래 폼을 채우고 제출하려면 Enter 키를 누르세요.</h3>
	</div>


	<form id="form" name="form" method="post" action="sightings.php">
		
		<div class="ui-widget-content "> 
			<h3>신비생물 목격 데이터</h3>	
		</div>
		<div class="ui-widget-content ">		
			<h3>신비생물을 본 날짜:</h3>
			<input  type="text" name="sighting_date" id="datepicker" />
			<h3>신비생물의 타입:</h3>
			<div id="type_select">
				<input type="radio" id="radio1" name="creature_type" />
					<label for="radio1">츄카파브라</label>
				<input type="radio" id="radio2" name="creature_type" />
					<label for="radio2">저지 데블</label>
				<input type="radio" id="radio3" name="creature_type" />
					<label for="radio3">네스호 괴물</label>
				<input type="radio" id="radio4" name="creature_type" />
					<label for="radio4">새스쿼치</label>
				<input type="radio" id="radio5" name="creature_type" />
					<label for="radio5">예치</label>
				<input type="radio" id="radio6" name="creature_type" />
					<label for="radio6">기타</label>
			</div>
			<h3>신비생물을 본 거리 (피트):</h3>
			<h3>신비생물 무게 (파운드):</h3>
			<h3>신비생물 키 (피트):</h3>
			<h3>신비생물의 색상:</h3>
		</div>
		<div class="ui-widget-content ">	
		<h3>신비생물 위치 데이터</h3>
		</div>
		<div class="ui-widget-content ">
			<h3>신비생물의 위도:</h3>
			<h3>신비생물의 경도:</h3>
		</div>
		<div class="ui-widget-header ui-corner-top  ui-corner-bottom"> 
			<button type="submit">Enter</button>
		</div>	
	</form>
		<script src="scripts/jquery-1.6.2.min.js"></script>
		<script src="scripts/my_scripts.js"></script>
		<script src="jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js"></script>
	</body>
</html>
